<nav class="navbar navbar-default navbar-fixed-top" id="nav-simple" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">VStore</a>
    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse">
      <ul class="nav navbar-nav navbar-left" *ngIf="name == ''">
        <li><a href="javascript:;" (click)="nav('login')">登录</a></li>
        <li><a href="javascript:;" (click)="nav('register')">注册</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-left" *ngIf="name != ''">
        <li>
          欢迎，<span>Ahmatjan</span>
        </li>
      </ul>

      <ul class="nav navbar-nav navbar-right">
        <li><a href="javascript:;" (click)="nav('home')">
          <i class="glyphicon-shopping-cart"></i>购物车(<span>0</span>)</a></li>
        <li><a href="javascript:;" (click)="nav('personal')">我的订单</a></li>
        <li><a href="javascript:;" (click)="nav('personal')">我的Vstore</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>
      </ul>


    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

